<!DOCTYPE html>
<html class="pixel-ratio-1" style="background-color: #f1f1f1">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
        <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
        <meta name="viewport" content="width=375,user-scalabe=no" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta http-equiv="expires" content="0" />

        <script src="../../../../public/vendor/flexible/flexible.js"></script>
        <title>前置隔离点-签到</title>
        <link rel="stylesheet" type="text/css" href="../../../../public/vendor/weui/weui.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/css/common.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/css/iconfont/iconfont.css" />
        <link rel="stylesheet" href="../../../../public/vendor/weui/jquery-weui.css" />
        <link rel="stylesheet" href="../../../../public/vendor/select2/select2.css" />
        <link rel="stylesheet" href="../../../../public/themes/base/css/site.css" id="admui-siteStyle" />
        <link rel="stylesheet" href="../../../../public/css/features/breed/inboundplan/inboundplansign.css" />
    </head>

    <body>
        <div style="background-color: white; width: 96%; margin: 2%">
            <div id="signBefore" style="display: block">
                <div id="container">
                    <!-- 搜索框 -->
                    <!-- <div class="search-header">
                    <div class="search-box">
                        <input type="text" class="search-input" id="search-input" placeholder="搜索地点...">
                        <button class="search-btn" id="search-btn">搜索</button>
                    </div>
                </div> -->

                    <!-- 搜索结果 -->
                    <!-- <div class="search-results" id="search-results"></div> -->

                    <!-- 地图容器 -->
                    <div id="map-container"></div>

                    <!-- <div class="location-btn" id="location-btn">
                    <img src="../../../../public/static/images/icon/dingwei.png" width="20" height="20">
                </div> -->

                    <div class="weui-cell" style="padding: 15px">
                        <div class="weui-cell__hd">
                            <label class="weui-label">
                                人员采样编码
                                <span class="red-900">&nbsp;*</span>
                            </label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input clearContent masterpad" type="text" placeholder="请输入人员采样编码..." id="pSCode" name="pSCode" />
                        </div>
                    </div>
                    <div class="weui-cell" style="padding: 15px">
                        <div class="weui-cell__hd">
                            <label class="weui-label">物资采样编码</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input clearContent masterpad" type="text" placeholder="请输入物资采样编码..." id="mSCode" name="mSCode" />
                        </div>
                    </div>
                </div>

                <div class="checkin-container">
                    <div class="checkin-circle" id="checkin-btn">
                        <div class="checkin-time" id="current-time">--:--</div>
                        <div class="checkin-text" id="checkin-str">不在范围内</div>
                    </div>
                </div>
            </div>

            <div id="signSuccess" style="height: 90vh; display: none">
                <div class="icon-box">
                    <i role="img" title="成功" aria-describedby="tip_1" class="weui-icon-success weui-icon_msg" style="width: 150px; height: 150px; margin-left: 28%; margin-top: 50px"></i>
                </div>
                <p style="margin-top: 50px; margin-left: 10px">
                    时间
                    <span style="margin-left: 20px" id="timeStr"></span>
                </p>
                <div class="weui-divider"></div>
                <p style="margin-left: 10px">
                    地址
                    <span style="margin-left: 20px" id="locationStr"></span>
                </p>
            </div>
        </div>

        <div class="operation-container">
            <a href="javascript:;" class="weui-btn weui-btn_primary" style="width: 100%; border-radius: 8px; margin-top: 0px; background-color: #07c160" id="btnScan">扫一扫</a>
            <a href="javascript:;" class="weui-btn weui-btn_primary" style="width: 100%; border-radius: 8px; margin-top: 20px; background-color: #1baeea" id="submitItemTab">返回</a>
        </div>
        <div style="height: 1px"></div>

        <script type="text/javascript" src="../../../../public/vendor/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/vue/vue.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/moment/moment.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/weui/weui.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.min.js"></script>
        <script type="text/javascript" src="../../../../public/js/common/iosadaptation.js"></script>
        <script type="text/javascript" src="../../../../public/js/config/utils.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/select2/select2.full.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/select2/i18n/zh-CN.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/form-entries/form-entries.js"></script>
        <!-- 加载远程定位脚本 -->
        <script type="text/javascript" src="https://a.amap.com/jsapi_demos/static/remogeo/remogeo.js"></script>

        <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=657d628d60d09241b068d846b9113dae&plugin=AMap.PlaceSearch,AMap.ToolBar,AMap.Geolocation,AMap.Geocoder"></script>
        <!-- 引入微信 JS-SDK -->
        <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

        <script type="module" src="../../../../public/js/features/breed/inboundplan/inboundplansign.js"></script>
    </body>
</html>
